import { createRoot } from 'react-dom/client'
// 1. 导入路由 Provider 组件
import { RouterProvider } from 'react-router-dom'
// 2. 导入路由模块
import router from './router'
import { Provider as StoreProvider } from 'react-redux'
import store, { persistor } from './store'
import { PersistGate } from 'redux-persist/integration/react'
import dayjs from 'dayjs'
import 'dayjs/locale/zh-cn' // ES 2015
dayjs.locale('zh-cn') // 全局使用
// 导入 iconfont 字体图标的 JS（Symbol 的用法）
import './assets/iconfont/iconfont.js'
// 导入 iconfont 字体图标的 CSS（Font Class 的用法）
import './assets/iconfont/iconfont.css'
// 全局样式表
import './index.css'

createRoot(document.getElementById('root')).render(
  // 3. 渲染路由组件
  <StoreProvider store={store}>
    <PersistGate
      loading={null}
      persistor={persistor}
    >
      <RouterProvider
        router={router}
        future={{ v7_startTransition: true }}
      />
    </PersistGate>
  </StoreProvider>
)

// ------------

// const arr = ['上海', '北京', '天津']
// // 1. 不管有没有重复，先把元素通过 unshift 追加进去
// arr.unshift('天津')
// // 2. 把可能存在重复元素的数组，转化为 Set 集合，就可以完成去重
// const set = new Set(arr)
// // 3. 把去重后的 set 对象，再转回数组，得到的新数组，就是去重后的结果
// const newArr = Array.from(set)

// console.log(arr)
// console.log(set)
// console.log(newArr)

// -----------------------

// const arr = ['aaa', 'bbb', 'ccc', 'ddd', 'eee']

// const newArr = arr.filter((item, i) => i !== 2)
// console.log(newArr)

// ------------------------

// const arr = ['aaa', 'bbb', 'ccc', 'ddd', 'eee']
// // 修改原数组
// arr.splice(2, 1)
// console.log(arr)
